\n \n ![]()
\n \n \n \n \n
\n").replace(/(^|\n)\s*/g, '');
/**
* @returns {boolean}
*/
var resetOldContainer = function resetOldContainer() {
var oldContainer = getContainer();
if (!oldContainer) {
return false;
}
oldContainer.remove();
removeClass([document.documentElement, document.body], [swalClasses['no-backdrop'], swalClasses['toast-shown'], // @ts-ignore: 'has-column' is not defined in swalClasses but may be set dynamically
swalClasses['has-column']]);
return true;
};
var resetValidationMessage$1 = function resetValidationMessage$1() {
if (globalState.currentInstance) {
globalState.currentInstance.resetValidationMessage();
}
};
var addInputChangeListeners = function addInputChangeListeners() {
var popup = getPopup();
if (!popup) {
return;
}
var input = getDirectChildByClass(popup, swalClasses.input);
var file = getDirectChildByClass(popup, swalClasses.file);
/** @type {HTMLInputElement | null} */
var range = popup.querySelector(".".concat(swalClasses.range, " input"));
/** @type {HTMLOutputElement | null} */
var rangeOutput = popup.querySelector(".".concat(swalClasses.range, " output"));
var select = getDirectChildByClass(popup, swalClasses.select);
/** @type {HTMLInputElement | null} */
var checkbox = popup.querySelector(".".concat(swalClasses.checkbox, " input"));
var textarea = getDirectChildByClass(popup, swalClasses.textarea);
if (input) {
input.oninput = resetValidationMessage$1;
}
if (file) {
file.onchange = resetValidationMessage$1;
}
if (select) {
select.onchange = resetValidationMessage$1;
}
if (checkbox) {
checkbox.onchange = resetValidationMessage$1;
}
if (textarea) {
textarea.oninput = resetValidationMessage$1;
}
if (range && rangeOutput) {
range.oninput = function () {
resetValidationMessage$1();
rangeOutput.value = range.value;
};
range.onchange = function () {
resetValidationMessage$1();
rangeOutput.value = range.value;
};
}
};
/**
* @param {string | HTMLElement} target
* @returns {HTMLElement}
*/
var getTarget = function getTarget(target) {
if (typeof target === 'string') {
var element = document.querySelector(target);
if (!element) {
throw new Error("Target element \"".concat(target, "\" not found"));
}
return (
/** @type {HTMLElement} */
element
);
}
return target;
};
/**
* @param {SweetAlertOptions} params
*/
var setupAccessibility = function setupAccessibility(params) {
var popup = getPopup();
if (!popup) {
return;
}
popup.setAttribute('role', params.toast ? 'alert' : 'dialog');
popup.setAttribute('aria-live', params.toast ? 'polite' : 'assertive');
if (!params.toast) {
popup.setAttribute('aria-modal', 'true');
}
};
/**
* @param {HTMLElement} targetElement
*/
var setupRTL = function setupRTL(targetElement) {
if (window.getComputedStyle(targetElement).direction === 'rtl') {
addClass(getContainer(), swalClasses.rtl);
globalState.isRTL = true;
}
};
/**
* Add modal + backdrop to DOM
*
* @param {SweetAlertOptions} params
*/
var init = function init(params) {
// Clean up the old popup container if it exists
var oldContainerExisted = resetOldContainer();
if (isNodeEnv()) {
error('SweetAlert2 requires document to initialize');
return;
}
var container = document.createElement('div');
container.className = swalClasses.container;
if (oldContainerExisted) {
addClass(container, swalClasses['no-transition']);
}
setInnerHtml(container, sweetHTML);
container.dataset['swal2Theme'] = params.theme;
var targetElement = getTarget(params.target || 'body');
targetElement.appendChild(container);
if (params.topLayer) {
container.setAttribute('popover', '');
container.showPopover();
}
setupAccessibility(params);
setupRTL(targetElement);
addInputChangeListeners();
};
/**
* @param {HTMLElement | object | string} param
* @param {HTMLElement} target
*/
var parseHtmlToContainer = function parseHtmlToContainer(param, target) {
// DOM element
if (param instanceof HTMLElement) {
target.appendChild(param);
} // Object
else if (typeof param === 'object') {
handleObject(param, target);
} // Plain string
else if (param) {
setInnerHtml(target, param);
}
};
/**
* @param {object} param
* @param {HTMLElement} target
*/
var handleObject = function handleObject(param, target) {
// JQuery element(s)
if ('jquery' in param) {
handleJqueryElem(target, param);
} // For other objects use their string representation
else {
setInnerHtml(target, param.toString());
}
};
/**
* @param {HTMLElement} target
* @param {any} elem
*/
var handleJqueryElem = function handleJqueryElem(target, elem) {
target.textContent = '';
if (0 in elem) {
for (var i = 0; i in elem; i++) {
target.appendChild(elem[i].cloneNode(true));
}
} else {
target.appendChild(elem.cloneNode(true));
}
};
/**
* @param {SweetAlert} instance
* @param {SweetAlertOptions} params
*/
var renderActions = function renderActions(instance, params) {
var actions = getActions();
var loader = getLoader();
if (!actions || !loader) {
return;
} // Actions (buttons) wrapper
if (!params.showConfirmButton && !params.showDenyButton && !params.showCancelButton) {
hide(actions);
} else {
show(actions);
} // Custom class
applyCustomClass(actions, params, 'actions'); // Render all the buttons
renderButtons(actions, loader, params); // Loader
setInnerHtml(loader, params.loaderHtml || '');
applyCustomClass(loader, params, 'loader');
};
/**
* @param {HTMLElement} actions
* @param {HTMLElement} loader
* @param {SweetAlertOptions} params
*/
function renderButtons(actions, loader, params) {
var confirmButton = getConfirmButton();
var denyButton = getDenyButton();
var cancelButton = getCancelButton();
if (!confirmButton || !denyButton || !cancelButton) {
return;
} // Render buttons
renderButton(confirmButton, 'confirm', params);
renderButton(denyButton, 'deny', params);
renderButton(cancelButton, 'cancel', params);
handleButtonsStyling(confirmButton, denyButton, cancelButton, params);
if (params.reverseButtons) {
if (params.toast) {
actions.insertBefore(cancelButton, confirmButton);
actions.insertBefore(denyButton, confirmButton);
} else {
actions.insertBefore(cancelButton, loader);
actions.insertBefore(denyButton, loader);
actions.insertBefore(confirmButton, loader);
}
}
}
/**
* @param {HTMLElement} confirmButton
* @param {HTMLElement} denyButton
* @param {HTMLElement} cancelButton
* @param {SweetAlertOptions} params
*/
function handleButtonsStyling(confirmButton, denyButton, cancelButton, params) {
if (!params.buttonsStyling) {
removeClass([confirmButton, denyButton, cancelButton], swalClasses.styled);
return;
}
addClass([confirmButton, denyButton, cancelButton], swalClasses.styled); // Apply custom background colors to action buttons
if (params.confirmButtonColor) {
confirmButton.style.setProperty('--swal2-confirm-button-background-color', params.confirmButtonColor);
}
if (params.denyButtonColor) {
denyButton.style.setProperty('--swal2-deny-button-background-color', params.denyButtonColor);
}
if (params.cancelButtonColor) {
cancelButton.style.setProperty('--swal2-cancel-button-background-color', params.cancelButtonColor);
} // Apply the outline color to action buttons
applyOutlineColor(confirmButton);
applyOutlineColor(denyButton);
applyOutlineColor(cancelButton);
}
/**
* @param {HTMLElement} button
*/
function applyOutlineColor(button) {
var buttonStyle = window.getComputedStyle(button);
if (buttonStyle.getPropertyValue('--swal2-action-button-focus-box-shadow')) {
// If the button already has a custom outline color, no need to change it
return;
}
var outlineColor = buttonStyle.backgroundColor.replace(/rgba?\((\d+), (\d+), (\d+).*/, 'rgba($1, $2, $3, 0.5)');
button.style.setProperty('--swal2-action-button-focus-box-shadow', buttonStyle.getPropertyValue('--swal2-outline').replace(/ rgba\(.*/, " ".concat(outlineColor)));
}
/**
* @param {HTMLElement} button
* @param {'confirm' | 'deny' | 'cancel'} buttonType
* @param {SweetAlertOptions} params
*/
function renderButton(button, buttonType, params) {
var buttonName =
/** @type {'Confirm' | 'Deny' | 'Cancel'} */
capitalizeFirstLetter(buttonType);
toggle(button, params["show".concat(buttonName, "Button")], 'inline-block');
setInnerHtml(button, params["".concat(buttonType, "ButtonText")] || ''); // Set caption text
button.setAttribute('aria-label', params["".concat(buttonType, "ButtonAriaLabel")] || ''); // ARIA label
// Add buttons custom classes
button.className = swalClasses[buttonType];
applyCustomClass(button, params, "".concat(buttonType, "Button"));
}
/**
* @param {SweetAlert} instance
* @param {SweetAlertOptions} params
*/
var renderCloseButton = function renderCloseButton(instance, params) {
var closeButton = getCloseButton();
if (!closeButton) {
return;
}
setInnerHtml(closeButton, params.closeButtonHtml || ''); // Custom class
applyCustomClass(closeButton, params, 'closeButton');
toggle(closeButton, params.showCloseButton);
closeButton.setAttribute('aria-label', params.closeButtonAriaLabel || '');
};
/**
* @param {SweetAlert} instance
* @param {SweetAlertOptions} params
*/
var renderContainer = function renderContainer(instance, params) {
var container = getContainer();
if (!container) {
return;
}
handleBackdropParam(container, params.backdrop);
handlePositionParam(container, params.position);
handleGrowParam(container, params.grow); // Custom class
applyCustomClass(container, params, 'container');
};
/**
* @param {HTMLElement} container
* @param {SweetAlertOptions['backdrop']} backdrop
*/
function handleBackdropParam(container, backdrop) {
if (typeof backdrop === 'string') {
container.style.background = backdrop;
} else if (!backdrop) {
addClass([document.documentElement, document.body], swalClasses['no-backdrop']);
}
}
/**
* @param {HTMLElement} container
* @param {SweetAlertOptions['position']} position
*/
function handlePositionParam(container, position) {
if (!position) {
return;
}
if (position in swalClasses) {
addClass(container, swalClasses[position]);
} else {
warn('The "position" parameter is not valid, defaulting to "center"');
addClass(container, swalClasses.center);
}
}
/**
* @param {HTMLElement} container
* @param {SweetAlertOptions['grow']} grow
*/
function handleGrowParam(container, grow) {
if (!grow) {
return;
}
addClass(container, swalClasses["grow-".concat(grow)]);
}
/**
* This module contains `WeakMap`s for each effectively-"private property" that a `Swal` has.
* For example, to set the private property "foo" of `this` to "bar", you can `privateProps.foo.set(this, 'bar')`
* This is the approach that Babel will probably take to implement private methods/fields
* https://github.com/tc39/proposal-private-methods
* https://github.com/babel/babel/pull/7555
* Once we have the changes from that PR in Babel, and our core class fits reasonable in *one module*
* then we can use that language feature.
*/
var privateProps = {
innerParams: new WeakMap(),
domCache: new WeakMap()
}; /// \n \n \n
\n \n \n \n \n \n \n \n \n \n \n
\n \n \n ").concat(content, "
");
};
/**
* @param {SweetAlert} instance
* @param {SweetAlertOptions} params
*/
var renderImage = function renderImage(instance, params) {
var image = getImage();
if (!image) {
return;
}
if (!params.imageUrl) {
hide(image);
return;
}
show(image, ''); // Src, alt
image.setAttribute('src', params.imageUrl);
image.setAttribute('alt', params.imageAlt || ''); // Width, height
applyNumericalStyle(image, 'width', params.imageWidth);
applyNumericalStyle(image, 'height', params.imageHeight); // Class
image.className = swalClasses.image;
applyCustomClass(image, params, 'image');
};
var dragging = false;
var mousedownX = 0;
var mousedownY = 0;
var initialX = 0;
var initialY = 0;
/**
* @param {HTMLElement} popup
*/
var addDraggableListeners = function addDraggableListeners(popup) {
popup.addEventListener('mousedown', down);
document.body.addEventListener('mousemove', move);
popup.addEventListener('mouseup', up);
popup.addEventListener('touchstart', down);
document.body.addEventListener('touchmove', move);
popup.addEventListener('touchend', up);
};
/**
* @param {HTMLElement} popup
*/
var removeDraggableListeners = function removeDraggableListeners(popup) {
popup.removeEventListener('mousedown', down);
document.body.removeEventListener('mousemove', move);
popup.removeEventListener('mouseup', up);
popup.removeEventListener('touchstart', down);
document.body.removeEventListener('touchmove', move);
popup.removeEventListener('touchend', up);
};
/**
* @param {MouseEvent | TouchEvent} event
*/
var down = function down(event) {
var popup = getPopup();
if (!popup) {
return;
}
var icon = getIcon();
if (event.target === popup || icon && icon.contains(
/** @type {HTMLElement} */
event.target)) {
dragging = true;
var clientXY = getClientXY(event);
mousedownX = clientXY.clientX;
mousedownY = clientXY.clientY;
initialX = parseInt(popup.style.insetInlineStart) || 0;
initialY = parseInt(popup.style.insetBlockStart) || 0;
addClass(popup, 'swal2-dragging');
}
};
/**
* @param {MouseEvent | TouchEvent} event
*/
var move = function move(event) {
var popup = getPopup();
if (!popup) {
return;
}
if (dragging) {
var _getClientXY = getClientXY(event),
clientX = _getClientXY.clientX,
clientY = _getClientXY.clientY;
var deltaX = clientX - mousedownX; // In RTL mode, negate the horizontal delta since insetInlineStart refers to the right edge
popup.style.insetInlineStart = "".concat(initialX + (globalState.isRTL ? -deltaX : deltaX), "px");
popup.style.insetBlockStart = "".concat(initialY + (clientY - mousedownY), "px");
}
};
var up = function up() {
var popup = getPopup();
dragging = false;
removeClass(popup, 'swal2-dragging');
};
/**
* @param {MouseEvent | TouchEvent} event
* @returns {{ clientX: number, clientY: number }}
*/
var getClientXY = function getClientXY(event) {
var clientX = 0,
clientY = 0;
if (event.type.startsWith('mouse')) {
clientX =
/** @type {MouseEvent} */
event.clientX;
clientY =
/** @type {MouseEvent} */
event.clientY;
} else if (event.type.startsWith('touch')) {
clientX =
/** @type {TouchEvent} */
event.touches[0].clientX;
clientY =
/** @type {TouchEvent} */
event.touches[0].clientY;
}
return {
clientX: clientX,
clientY: clientY
};
};
/**
* @param {SweetAlert} instance
* @param {SweetAlertOptions} params
*/
var renderPopup = function renderPopup(instance, params) {
var container = getContainer();
var popup = getPopup();
if (!container || !popup) {
return;
} // Width
// https://github.com/sweetalert2/sweetalert2/issues/2170
if (params.toast) {
applyNumericalStyle(container, 'width', params.width);
popup.style.width = '100%';
var loader = getLoader();
if (loader) {
popup.insertBefore(loader, getIcon());
}
} else {
applyNumericalStyle(popup, 'width', params.width);
} // Padding
applyNumericalStyle(popup, 'padding', params.padding); // Color
if (params.color) {
popup.style.color = params.color;
} // Background
if (params.background) {
popup.style.background = params.background;
}
hide(getValidationMessage()); // Classes
addClasses$1(popup, params);
if (params.draggable && !params.toast) {
addClass(popup, swalClasses.draggable);
addDraggableListeners(popup);
} else {
removeClass(popup, swalClasses.draggable);
removeDraggableListeners(popup);
}
};
/**
* @param {HTMLElement} popup
* @param {SweetAlertOptions} params
*/
var addClasses$1 = function addClasses$1(popup, params) {
var showClass = params.showClass || {}; // Default Class + showClass when updating Swal.update({})
popup.className = "".concat(swalClasses.popup, " ").concat(isVisible$1(popup) ? showClass.popup : '');
if (params.toast) {
addClass([document.documentElement, document.body], swalClasses['toast-shown']);
addClass(popup, swalClasses.toast);
} else {
addClass(popup, swalClasses.modal);
} // Custom class
applyCustomClass(popup, params, 'popup'); // TODO: remove in the next major
if (typeof params.customClass === 'string') {
addClass(popup, params.customClass);
} // Icon class (#1842)
if (params.icon) {
addClass(popup, swalClasses["icon-".concat(params.icon)]);
}
};
/**
* @param {SweetAlert} instance
* @param {SweetAlertOptions} params
*/
var renderProgressSteps = function renderProgressSteps(instance, params) {
var progressStepsContainer = getProgressSteps();
if (!progressStepsContainer) {
return;
}
var progressSteps = params.progressSteps,
currentProgressStep = params.currentProgressStep;
if (!progressSteps || progressSteps.length === 0 || currentProgressStep === undefined) {
hide(progressStepsContainer);
return;
}
show(progressStepsContainer);
progressStepsContainer.textContent = '';
if (currentProgressStep >= progressSteps.length) {
warn('Invalid currentProgressStep parameter, it should be less than progressSteps.length ' + '(currentProgressStep like JS arrays starts from 0)');
}
progressSteps.forEach(function (step, index) {
var stepEl = createStepElement(step);
progressStepsContainer.appendChild(stepEl);
if (index === currentProgressStep) {
addClass(stepEl, swalClasses['active-progress-step']);
}
if (index !== progressSteps.length - 1) {
var lineEl = createLineElement(params);
progressStepsContainer.appendChild(lineEl);
}
});
};
/**
* @param {string} step
* @returns {HTMLLIElement}
*/
var createStepElement = function createStepElement(step) {
var stepEl = document.createElement('li');
addClass(stepEl, swalClasses['progress-step']);
setInnerHtml(stepEl, step);
return stepEl;
};
/**
* @param {SweetAlertOptions} params
* @returns {HTMLLIElement}
*/
var createLineElement = function createLineElement(params) {
var lineEl = document.createElement('li');
addClass(lineEl, swalClasses['progress-step-line']);
if (params.progressStepsDistance) {
applyNumericalStyle(lineEl, 'width', params.progressStepsDistance);
}
return lineEl;
};
/**
* @param {SweetAlert} instance
* @param {SweetAlertOptions} params
*/
var renderTitle = function renderTitle(instance, params) {
var title = getTitle();
if (!title) {
return;
}
showWhenInnerHtmlPresent(title);
toggle(title, Boolean(params.title || params.titleText), 'block');
if (params.title) {
parseHtmlToContainer(params.title, title);
}
if (params.titleText) {
title.innerText = params.titleText;
} // Custom class
applyCustomClass(title, params, 'title');
};
/**
* @param {SweetAlert} instance
* @param {SweetAlertOptions} params
*/
var render = function render(instance, params) {
var _globalState$eventEmi;
renderPopup(instance, params);
renderContainer(instance, params);
renderProgressSteps(instance, params);
renderIcon(instance, params);
renderImage(instance, params);
renderTitle(instance, params);
renderCloseButton(instance, params);
renderContent(instance, params);
renderActions(instance, params);
renderFooter(instance, params);
var popup = getPopup();
if (typeof params.didRender === 'function' && popup) {
params.didRender(popup);
}
(_globalState$eventEmi = globalState.eventEmitter) === null || _globalState$eventEmi === void 0 || _globalState$eventEmi.emit('didRender', popup);
};
/*
* Global function to determine if SweetAlert2 popup is shown
*/
var isVisible = function isVisible() {
return isVisible$1(getPopup());
};
/*
* Global function to click 'Confirm' button
*/
var clickConfirm = function clickConfirm() {
var _dom$getConfirmButton;
return (_dom$getConfirmButton = getConfirmButton()) === null || _dom$getConfirmButton === void 0 ? void 0 : _dom$getConfirmButton.click();
};
/*
* Global function to click 'Deny' button
*/
var clickDeny = function clickDeny() {
var _dom$getDenyButton;
return (_dom$getDenyButton = getDenyButton()) === null || _dom$getDenyButton === void 0 ? void 0 : _dom$getDenyButton.click();
};
/*
* Global function to click 'Cancel' button
*/
var clickCancel = function clickCancel() {
var _dom$getCancelButton;
return (_dom$getCancelButton = getCancelButton()) === null || _dom$getCancelButton === void 0 ? void 0 : _dom$getCancelButton.click();
};
/** @type {Record